/* miniprogram/pages/profile/profile.wxss */
@import "../../app.less";

.container {
    background-color: #fcfcfc;
    height: 100vh;
    box-sizing: border-box;
// 登录模块
    .loginModule {
        height: 25vh;
        background-image: linear-gradient(to bottom, #FFD6DE, #ffc1cf);
        display: flex;
        align-items: flex-end;

        .loginBox {
            padding: 40rpx 30rpx;
            display: flex;
            align-items: flex-end;

            .avatar {
                border-radius: 50%;
                height: 70px;
                width: 70px;
                background: #fcfcfc;
            }

            .right {
                height: 70px;
                margin-left: 20rpx;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                color: #fff;
                font-size: 40rpx;

                .loginBtn {
                    min-height: auto;
                    letter-spacing: 0.1em;
                    height: auto;
                    width: auto;
                    padding: 5rpx 10rpx;
                    font-size: 20rpx;
                    color: #fff;
                    border-radius: 20rpx;
                    background-color: rgba(0, 0, 0, .2);
                }
            }
        }
    }

    // 其他功能
    .otherBox {
        margin: 40rpx 30rpx;
        border-radius: 30rpx;
        box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
        background-color: #fff;
        overflow: hidden;
        .cell--weui-cell::before{
            border: none;
        }
        // 客服栏样式
        .contact{
            padding: 0;
            min-height: auto;
            width: auto;
            font-weight: normal;
        }
        .weui-cell {
            padding: 20px;
            border: none;
            // 真机调试时,cells区域有一条细线,找不到是哪样式有问题,没办法只能用这种粗暴的方式了
            // ╮（╯＿╰）╭
            background-color: #fff;
            position: relative;
            z-index: 999;
            &::before{
                border: none;
            }
            .weui-cell__hd {
                display: flex;
                align-items: center;

                .iconfont {
                    display: flex;
                    align-items: center;
                    font-size: 16px;
                    margin-right: 15rpx;

                    &.big {
                        font-size: 18px;
                    }
                }
            }
        }
    }
}